<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <script src="../js/jquery.js"></script>
    <link href="../style/default.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../style/style.css">
    <script src="../js/highlight.min.js"></script>
    <script>
    hljs.initHighlightingOnLoad();
    </script>
    <script src="../js/initTemp.js"></script>
</head>

<body>
    <div class="qcanvas_lay">
        <canvas id="qcanvas"></canvas>
    </div>
    <div class="code_lay">
        <pre><code class="js">var qcanvas = new Qcanvas({
		id:'qcanvas',
		width:300,
		height:200
	});

var arc = qcanvas.arc({
	start:function(){return [100,100];},
	sAngle:0,
	eAngle:360,
	fillColor:'#fff',
	opacity:0.2,
	r:20
});		

		</code>
	</pre>
    </div>
</body>
<script src='Qcanvas-v2.0.js'></script>
<script>
var qcanvas = new Qcanvas({
    id: 'qcanvas',
    width: 300,
    height: 200
});

var arc = qcanvas.arc({
    start: function() { return [100, 100]; },
    sAngle: 0,
    eAngle: 360,
    fillColor: '#fff',
    opacity: 0.2,
    r: 20
});
</script>

</html>